<script lang="ts" setup>
import { ref, computed, watch, onMounted } from 'vue';
import PageCaontainer from '@/arco-components/PageContainer';
import { useRouter, useRoute } from 'vue-router';
import * as RouteNames from '@/router/consts';
import { useStore } from '@/store';
import ApprovalDemand from './components/approvalDemand/index.vue'
const loading = ref<boolean>(false);
const router = useRouter();
</script>

<template>
    <PageCaontainer>
        <a-card class="approval-center-card">
            <ApprovalDemand />
        </a-card>
    </PageCaontainer>
</template>

<style lang="scss" scoped>

.approval-center-card {
    height: 100%;
    overflow: auto;
    border: none;
    :deep(.arco-card-body) {
        padding: 0;
        .arco-divider-horizontal {
            margin: 12px 0;
        }
    }
    :deep(.a-query-header-grid) {
        gap: 12px !important;
    }
    :deep(.arco-table-border .arco-table-container) {
        border-top: none;
        border-right: none;
        border-left: none;
    }
}
</style>